<template>
    <view class="contain">
        <!-- 切换按钮 -->
        <view class="sell_button">
            <text @click="activeChanged(0)" :class="active === 0 ? 'active' : ''">卖书答疑</text>
            <text @click="activeChanged(1)" :class="active === 1 ? 'active' : ''">买书答疑</text>
        </view>
        <!-- 了解卖书规则 -->
        <view v-if="sellState">
            <!-- 1. -->
            <view class="read" style="border-bottom: none;margin-top:0px"
                @click="this.stepState_01 = !this.stepState_01">
                <text>1. 如何界定图书品相?</text>
                <uni-icons type="arrow-down" size="20" v-if="!stepState_01"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="stepState_01">
                <image src="../../static/shenhe.jpg"></image>
                <text style="font-weight: 800;color: black;">彼岸收书在收到书籍以后，会首先对书籍进行审核，对书籍的品相和数量有一个判定：</text>
                <text>如果书籍品相符合平台审核标准，审核价格=回收价如果品相审核不通过的书籍，我们是拒收的(即回收价
                    为0)\n如果我们没有收到您扫码下单的书籍，也会显示回收价为0</text>
                <text style="margin-bottom: 20px;">所以，如果您希望预估价跟审核价一致的话，您卖书给我们之前，可以先对您的书籍的品相和数量进行一个初步的审核!</text>
                <text style="font-weight: 800;color: black;">品相极差的标准与实例参考</text>
                <text>书籍品相已经影响书的下一位主人使用和阅读体验，并无法修复时，书将被拒收，不会将其上架售卖。\n
                    品相不合格主要包括以下几种情况：\n
                    严重污渍：无法被清洁掉的大面积或让人产生明显不适的霉斑、油渍、水渍、老化泛黄等；\n
                    严重褪色：书籍封面严重褪色，影响美观；\n
                    含馆藏类印章或标签：书籍权属不明，不宜循环售卖；严重破损：影响正常阅读的封面破损、书脊破损、内页破损或开胶脱页；\n
                    严重异味：影响正常阅读的浓重霉味或其他让人产生明显不适的气味；\n
                    划线或标注过多：导致正文辨识不清的划线或标注，和正文无关的大面积乱涂乱画，教辅教材习题已做；\n
                    附件缺失：附件缺失影响书籍使用和阅读，如纯听力书光盘、验证码；书籍外护封丢失，同时书籍封面/封底没有书名或ISBN编码，平台拒收；\n
                    套装缺册：同一ISBN码套装书籍，缺册不齐全；\n
                    其他不合格原因：盗版书、复印书、影印书等非法出版物。
                </text>
                <text style="text-align: center;color: #00aa00;">品相极差图片示例</text>
                <view style="display: flex;flex-direction: column;align-items: center;justify-content: center;">
                    <image src="../../static/book_01.jpg" class="book"></image>
                    <text>严重污渍拒收</text>
                    <image src="../../static/book_02.jpg" class="book"></image>
                    <text>泡水留痕拒收</text>
                    <image src="../../static/book_03.jpg" class="book"></image>
                    <text>严重污渍拒收</text>
                    <image src="../../static/book_04.jpg" class="book"></image>
                    <text>含馆藏印章拒收</text>
                    <image src="../../static/book_05.jpg" class="book"></image>
                    <text>严重破损拒收</text>
                    <image src="../../static/book_06.jpg" class="book"></image>
                    <text>笔记过多、杂乱拒收</text>
                    <image src="../../static/book_07.jpg" class="book"></image>
                    <text>书籍必备解密卡失效拒收</text>
                    <image src="../../static/book_08.jpg" class="book"></image>
                    <text>盗版书籍拒收</text>
                </view>
                <text style="font-weight: 800;color: black;margin-top: 20px;">品相良好</text>
                <text>有不明显的使用痕迹和瑕疵，书籍整体使用情况接近新书。对于未拆封的新书，同样以良好的品相收购。</text>
                <text style="text-align: center;color: #00aa00;">品相良好图书示例</text>
                <view style="display: flex;flex-direction: column;align-items: center;justify-content: center;">
                    <image src="../../static/book_11.jpg" class="book"></image>
                    <image src="../../static/book_12.jpg" class="book"></image>
                </view>
                <text style="font-weight: 800;margin-top: 20px;color: black;">温馨提醒各位卖书的用户需要注意的地方：</text>
                <text>
                    1.为了避免后续的麻烦，您下单卖书给我们的时候要尽量确保每个订单的书籍数量、书籍编码的正确、卖书订单编号与物流单号对应寄出!\n
                    2.您卖给我们的书籍请尽量确保附件没有缺失!比如书籍附有光盘，请确保光盘没有遗失；如果书籍有上下册，需要一起寄给我们，如果套装书缺册，我们是不会收的。\n
                    3.卖书订单下单以后一旦有快递上门取件，订单就不可以取消，我们已经收到的书籍，除品相极差书籍支持取回其余书籍概不寄回。\n
                    4.您收到书籍审核拒收通知后，48小时内可联系客服申请取回，用户需支付运费。48小时内未申请取回的，将由彼岸收书统一处理。\n
                    5.如果您对审核结果有疑问，可在卖书订单完成后的24小时内联系客服处理。超出时效，将无法申请处理。</text>
            </view>
            <!-- 2. -->
            <view class="read" style="border-bottom: none;margin-top:0px"
                @click="this.stepState_02 = !this.stepState_02">
                <text>2. 书籍的回收价格是如何确定的?</text>
                <uni-icons type="arrow-down" size="20" v-if="!stepState_02"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="stepState_02">
                <text>小谷吖的图书回收价格会根据小谷吖现有库存与市场
                    情况动态调整，用户扫码后可获取该书当前的预估收
                    购价。</text>
            </view>
            <!-- 3. -->
            <view class="read" style="border-bottom: none;margin-top:0px"
                @click="this.stepState_03 = !this.stepState_03">
                <text>3. 哪些书籍是彼岸收书不收的?</text>
                <uni-icons type="arrow-down" size="20" v-if="!stepState_03"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="stepState_03">
                <text>①当您扫码提示“暂不回收”或线上初审被拒绝的订单；②影响下一位读者正常阅读：书籍封面/内页破损、污渍、老化泛黄、笔记杂乱、套装缺册、异味等情况；③书籍盖有馆藏类【图书馆/政府部门】印章版权不明③盗版、非卖品和非法出版刊物。</text>
            </view>
            <!-- 4. -->
            <view class="read" style="border-bottom: none;margin-top:0px"
                @click="this.stepState_04 = !this.stepState_04">
                <text>4. 扫码卖书基本规则</text>
                <uni-icons type="arrow-down" size="20" v-if="!stepState_04"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="stepState_04">
                <text>①扫描图书背面的ISBN编码或者手动输入，图书数量必须满6本或订单预估金额达到40元；②单个订单最高不超过40本(包含重复书籍)，请务必核对订单书籍数量与实际寄出书籍数量保持一致； 套装书籍
                    (ISBN码相同)扫码其中一本即可，扫码价及套装价，套装书需一并寄出，缺册平台拒收。</text>
            </view>
            <!-- 5. -->
            <view class="read" style="border-bottom: none;margin-top:0px"
                @click="this.stepState_05 = !this.stepState_05">
                <text>5. 回收订单书籍审核时效与到账(提现)说明</text>
                <uni-icons type="arrow-down" size="20" v-if="!stepState_05"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="stepState_05">
                <text>我们会在包裹签收后7天完成书籍的验货审核与打款。审核通过的书籍，书款会支付到您的账户余额。单笔提现金额不能超过500元，申请提现后3个工作日内审核到账。如未提现，可以享受8折优惠购买彼岸书店产品。5-7月毕业季收书高峰期，审核时效可能延长，具体延时会在下单前通知。</text>
            </view>
            <!-- 6. -->
            <view class="read" style="border-bottom: none;margin-top:0px"
                @click="this.stepState_06 = !this.stepState_06">
                <text>6. 卖书订单快递取件注意事项及费用说明</text>
                <uni-icons type="arrow-down" size="20" v-if="!stepState_06"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="stepState_06">
                <text>卖书运费(不含包装费)由彼岸收书承担，由彼岸收书承担会安排【京东或德邦】上门取件，不需要您垫付运费，不支持自寄和到付件；为避免快递取件混单少寄等情况，建议订单书籍自行打包后交给取件员(包装上备注卖书订单编号和快递单号)。</text>
            </view>
            <!-- 7. -->
            <view class="read" style="border-bottom: none;margin-top:0px"
                @click="this.stepState_07 = !this.stepState_07">
                <text>7. 验货审核未通过(被拒书本)处理方案</text>
                <uni-icons type="arrow-down" size="20" v-if="!stepState_07"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="stepState_07">
                <text>审核被拒绝的图书不会再上架销售，收到拒收通知后48小时内可在卖书订单中申请取回，也可48小时内联系在线客服核实。不想取回或48小时内未申请取回，将关闭取回通道，书籍由平台统一处理不再支持取回。首次拒收取回免费，之后需支付运费取回。</text>
            </view>
            <!-- 8. -->
            <view class="read" style="border-bottom: none;margin-top:0px"
                @click="this.stepState_08 = !this.stepState_08">
                <text>8. 我的卖书订单可否取消，书籍是否可以取回?</text>
                <uni-icons type="arrow-down" size="20" v-if="!stepState_08"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="stepState_08">
                <text>订单未初审，可自行取消；已初审通过未揽收订单，可联系在线客服取消【需提供卖书订单编号】，在途订单不支持取消；已经审核通过的图书不支持取回；因个人原因寄错书籍，书籍要求拦截退回，则需在订单签收前联系平台客服申请退回，支付来回运费后，才予以退回。</text>
            </view>
            <!-- 9. -->
            <view class="read" style="border-bottom: none;margin-top:0px"
                @click="this.stepState_09 = !this.stepState_09">
                <text>9. 不经过扫码和下单，可以直接寄书过来卖吗?</text>
                <uni-icons type="arrow-down" size="20" v-if="!stepState_09"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="stepState_09">
                <text>平台会根据订单信息一一对应进行验货审核，如果没有扫码直接邮寄过来，该书本不一定会被回收，也不确保是否能正常取回，请务必根据平台扫码流程提交卖书订单。</text>
            </view>
            <!-- 10 -->
            <view class="read" style="border-bottom: none;margin-top:0px"
                @click="this.stepState_10 = !this.stepState_10">
                <text>10. 为什么快递员未在预约时间内联系取件?</text>
                <uni-icons type="arrow-down" size="20" v-if="!stepState_10"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="stepState_10">
                <text>快递员不一定会准时取件，取件前他会和您电话联系。初审3-5分钟后订单详细页有快递员联系方式，您可主动催促取件员取件</text>
            </view>

        </view>
        <!-- 了解买书规则 -->
        <view v-else>
            <!-- 1. -->
            <view class="read" style="border-bottom: none;margin-top:0px" @click="this.buyState_01 = !this.buyState_01">
                <text>1. 图书会消毒吗?</text>
                <uni-icons type="arrow-down" size="20" v-if="!buyState_01"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="buyState_01">
                <text>彼岸收书消毒塑封流程如下：\n
                    1、首先用84消毒液对办公区域进行整体消毒。\n
                    2、每一本书籍在验收入库以后，用酒精擦拭封面进行基础消毒。\n
                    3、酒精消毒以后，统一将书籍放进消毒柜待上60分钟以上，进行全方位消毒。\n
                    4、消毒流程结束以后，将全新品相的书籍放进塑封机穿上新衣服。</text>
            </view>
            <!-- 2. -->
            <view class="read" style="border-bottom: none;margin-top:0px" @click="this.buyState_02 = !this.buyState_02">
                <text>2. 售卖的图书品相分类?</text>
                <uni-icons type="arrow-down" size="20" v-if="!buyState_02"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="buyState_02">
                <text>彼岸书店出售的书籍目前包括全新、良好、中等、
                    学霸四个等级。\n\n
                    全新品相是小谷吖回收到未拆封经检查后重新塑封的书籍；\n
                    良好品相有轻微使用痕迹，总体阅读体验接近新书；中等品相有明显使用痕迹或无法修复的瑕疵或问题，不影响阅读；\n
                    学霸品相有前任主人精心留下的阅读心得，笔记多且工整、字迹娟秀，有少量污渍和轻微磨损，不影响阅读。\n
                    【除全新/良好品相外，其余品相可能会存在胶带粘贴、书口打磨/切边等修复痕迹，均属于正常情况。】</text>
            </view>
            <!-- 3. -->
            <view class="read" style="border-bottom: none;margin-top:0px" @click="this.buyState_03 = !this.buyState_03">
                <text>3. 买书何时发货?</text>
                <uni-icons type="arrow-down" size="20" v-if="!buyState_03"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="buyState_03">
                <text>下单付款后24小时内发货，不支持延时和指定日期发货。(开学季高峰期除外)</text>
            </view>
            <!-- 4. -->
            <view class="read" style="border-bottom: none;margin-top:0px" @click="this.buyState_04 = !this.buyState_04">
                <text>4. 买书的运费是怎么计算的?</text>
                <uni-icons type="arrow-down" size="20" v-if="!buyState_04"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="buyState_04">
                <text>普通区域满9.8元免运费；未满收取基础运费5元。偏远地区(新疆、西藏停发；内蒙、海南收取基础运费5元)。</text>
            </view>
            <!-- 5. -->
            <view class="read" style="border-bottom: none;margin-top:0px" @click="this.buyState_05 = !this.buyState_05">
                <text>5. 买书可以退换货吗?</text>
                <uni-icons type="arrow-down" size="20" v-if="!buyState_05"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="buyState_05">
                <text>1、如因小谷吖平台造成的品相不达标或其他质量问题，请在收到书的7天内联系客服处理退款事宜，如超出7天售后时效，则无法申请售后。\n
                    2、申请退款金额仅以买家实际支付的书籍价款为限。</text>
            </view>
            <!-- 6. -->
            <view class="read" style="border-bottom: none;margin-top:0px" @click="this.buyState_06 = !this.buyState_06">
                <text>6. 买书可以开发票吗?</text>
                <uni-icons type="arrow-down" size="20" v-if="!buyState_06"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="buyState_06">
                <text>1、有需要开具电子发票的客户，在订单完成以后，联系客服。\n
                    2、给客服提供开具发票需要的基本信息以后，等待财务开具发票。</text>
            </view>
            <!-- 7. -->
            <view class="read" style="border-bottom: none;margin-top:0px" @click="this.buyState_07 = !this.buyState_07">
                <text>7. 买书可以开发票吗?</text>
                <uni-icons type="arrow-down" size="20" v-if="!buyState_07"></uni-icons>
                <uni-icons type="arrow-up" size="20" v-else></uni-icons>
            </view>
            <view class="moreText" v-if="buyState_07">
                <text>彼岸书店所售书籍不保证配有光盘、验证码、护封等随书赠送的其他资料。</text>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                //下拉控制
                stepState_01: false,
                stepState_02: false,
                stepState_03: false,
                stepState_04: false,
                stepState_05: false,
                stepState_06: false,
                stepState_07: false,
                stepState_08: false,
                stepState_09: false,
                stepState_10: false,
                buyState_01: false,
                buyState_02: false,
                buyState_03: false,
                buyState_04: false,
                buyState_05: false,
                buyState_06: false,
                buyState_07: false,
                //卖书与买书答疑控制
                sellState: true,
                active: 0,

            };
        },
        methods: {
            activeChanged(i) {
                this.active = i
                if (i === 1) {
                    this.sellState = false
                } else {
                    this.sellState = true
                }
            },
        }
    }
</script>

<style lang="scss">
    .contain {
        background-color: #efefef;

        .sell_button {
            display: flex;
            justify-content: space-between;
            background-color: #ffffff;
            margin-bottom: 3px;
            font-size: 14px;
            font-weight: 200;
            padding-left: 80px;
            padding-right: 80px;
            line-height: 40px;

            .active {
                background-color: #ffffff;
                position: relative;
                color: #00aa00;
                border-bottom: 3px solid #00aa00;
            }
        }

        .read {
            font-weight: 400;
            margin-top: 10px;
            padding-left: 10px;
            padding-right: 10px;
            line-height: 40px;
            border-bottom: 1px solid #c5c5c5;
            font-size: 14px;
            display: flex;
            justify-content: space-between;
            background-color: #ffffff;
            margin-bottom: 1px;
        }

        .moreText {
            display: flex;
            flex-direction: column;
            padding: 10px;
            font-size: 12px;
            font-weight: 200px;
            color: #868686;
            line-height: 20px;

            image {
                width: 340px;
                height: 100px;
                object-fit: cover;
                padding: 10px;
            }

            .book {
                width: 200px;
                height: 200px;
                object-fit: cover;
                padding: 10px;
                text-align: center;
            }
        }
    }
</style>